<docs>
---
title: disabled 属性
---

禁用操作
</docs>

<script setup lang="ts">
const senderValue = ref(false)
</script>

<template>
  <div style="display: flex; gap: 10px; flex-direction: column; align-items: flex-start; justify-content: flex-start;">
    <div>
      <Thinking v-model="senderValue" disabled content="欢迎使用 Element-Plus-X" status="start" />
    </div>

    <div>
      <Thinking v-model="senderValue" disabled content="欢迎使用 Element-Plus-X" status="thinking" />
    </div>

    <div>
      <Thinking v-model="senderValue" disabled content="欢迎使用 Element-Plus-X" status="end" />
    </div>

    <div>
      <Thinking v-model="senderValue" disabled content="欢迎使用 Element-Plus-X" status="error" />
    </div>
  </div>
</template>
